/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 * For(QQ): 49668716
 * 2024-3
 *
 *************************************/

@import "../font";
@import "../color";
@import "../common";

// 主题信息
@themeVer: "V25.0";
@themeName: "vlook-x-yikuan";
@themeDesc: "× YiKuan";
@themeEmail: "147107657@qq.com";

// 指定字体主题
.applyFontStyle(local);
// 优先使用的等宽字体
@themeMonoFont: "JetBrains Mono";

// 指定主题配套的圆角
.applyThemeRadius(small);

// 表格、插图指定居中对齐
.genTableAndFigureAlign(center);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: var(--thm-fav-logo-lg);
}

// 主题主色
@theme1: #10A8BE;
@theme2: #F08519;
@theme3: #FFFFFF;
@theme1Dark: #0F9EB3;
@theme1Alt: #D0F6FB;
@theme1AltDark: #06434B;
@theme2Dark: @theme2;
@theme2Alt: #FAEDE1;
@theme2AltDark: #61350A;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), 15%);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);
@theme2FadeDark: rgba(red(@theme2), green(@theme2), blue(@theme2), 40%);

@themeForeColor: @theme1;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: @theme1;
@themeBgColorFade: fade(@themeBgColor, 50%);
@themeBgColorDark: darken(@themeBgColor, 15%);
@themeBgColorAlt: lighten(@themeBgColor, 45%);

// 标题色
@headerColor: @theme1;
@headerColorDark: @theme1Dark;

// 标题背景色
@hbgC1: rgba(16, 168, 190, .3);
@hbgC2: rgba(240, 133, 25, .2);
@hbgLg: ~"linear-gradient(270deg, @{hbgC1}, @{hbgC2} 30%, @{hbgC2} 50%, @{hbgC2} 70%, @{hbgC1})";
@spliterWidth: 4px;

@h1Bg: linear-gradient(180deg, rgba(var(--fade-r), var(--fade-g), var(--fade-b), .1), rgba(var(--fade-r), var(--fade-g), var(--fade-b), 1)), @hbgLg;
@h2Bg: @h1Bg;
@h3Bg: linear-gradient(to right, transparent 20%, @hbgC2 20%, @hbgC1 50%, @hbgC2 80%, transparent 80%) 0 0 / 100% 5px no-repeat;

@contentHeaderNumColor: @themeBgColorFade;
@multiHeaderBG: @headerBackground;
@headerTextAlign: center;
// @h1TextAlign: center;
// @h2TextAlign: center;
// @h3TextAlign: center;
@headerPadding: 15px 0;

@h1Margin: 1.25em 0 0 0;
@h2Margin: 1.25em 0 0 0;
@h3Margin: 1.125em 0 0 0;
@h4Margin: 1.125em 0 0 0;
@h5Margin: 1.125em 0 0 0;
@h6Margin: 1em 0 0 0;
@hContinuous: -5px;

// 不进行章节自动编号
@vChpAutoNum: "h1{{#none#}},h2{{#none#}},h3{{#none#}},h4{{#none#}},h5{{#none#}}";
@h1BeforeContent: "";
@h2BeforeContent: "";
@h3BeforeContent: "";
@h4BeforeContent: "";
@h5BeforeContent: "";

// 表格边框
// @tblBdWidth: 1px;
// 表格背景
// @tableThColor: var(--d-fc-a);
// @tableThBackground: inherit;
@tableBackground: var(--d-bc);
// @tableThColor: var(--d-bc);
@tableThBackground: none;
@tableTdBackground: none;
// 表格行 hover
@tableTrHoverBgDark: fade(@aHoverColor, 25%);
// 表格单元格阴影
// @tableFirstThBoxShadow: none;
@tableTdBoxShadow: 0 -1px 0 0 var(--tbl-cell-bd);

// 题注文字、背景色
@captionTextColor: var(--d-fc-a);
@captionBackground: none;

// 行内代码
@codeTextColor: @theme2;

// 按钮色
@buttonForeColor: @theme3;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @themeBgColor;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;
// 指定 kbd 按钮风格
.applyKbdRadius(small);

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
@aLineColor: @theme2;
@aHoverColor: @aLineColor;
@aActiveColor: desaturate(@aLineColor, 30%);

// 封面、封底文字位置及对齐方式
@coverTextAlign: left;
@coverTextPadding: 250px 80px 50px;
@coverTextColor: #000000;
@coverSubColor: @theme3;
@coverUnderlineColor: @theme3;
@coverAuthorColor: @coverTextColor;
@coverOwnerColor: @coverTextColor;

@backCoverTextAlign: right;
@backCoverTextPadding: 250px 80px;
@backCoverTextColor: #FFFFFF;

// 封面装饰性文本样式 before
@coverTextBeforeContent: "";
@coverTextBeforePosition: initial;
@coverTextBeforeLeft: initial;
@coverTextBeforeTop: initial;
@coverTextBeforeColor: initial;
@coverTextBeforeFontSize: initial;
@coverTextBeforeFontWeight: initial;
@coverTextBeforeOpacity: initial;
// 封面装饰性文本样式 after
@coverTextAfterContent: "";
@coverTextAfterTextAlign: initial;
@coverTextAfterLeft: initial;
@coverTextAfterTop: @coverTextBeforeTop;
@coverTextAfterRight: initial;
@coverTextAfterColor: @coverTextBeforeColor;
@coverTextAfterFontSize: @coverTextBeforeFontSize;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: @contrastBorder;

// 封面背景设置
@coverBackgroundColor: #17DBE6;
@coverBackgroundImage: var(--thm-logo), var(--thm-bg-building), var(--thm-bg-pattern), var(--thm-lg);
@coverBackgroundSize: auto, auto, auto, auto;
@coverBackgroundRepeat: no-repeat, no-repeat, repeat, no-repeat;
@coverBackgroundPosition: 80px 100px, right, left top, left top;

// 封底背景设置
@backCoverBackgroundColor: @theme1;
@backCoverBackgroundImage: var(--thm-logo), var(--thm-bc-bg);
@backCoverBackgroundSize: auto, auto;
@backCoverBackgroundRepeat: no-repeat, no-repeat;
@backCoverBackgroundPosition: 80px 225px, right top;

// 文档扩展区域背景
@docExtBackgroundImage: var(--thm-bg-pattern), var(--thm-doc-ext-bg);
@docExtBackgroundSize: auto, auto;
@docExtBackgroundRepeat: repeat, no-repeat;
@docExtBackgroundPosition: left top, left top;
@docExtBackgroundFilter: opacity(0.5);

// 封面、封底素材资源
:root {
    --thm-logo: url("");
    --thm-lg: url("");
    --thm-bg-building: url("");
    --thm-bg-pattern: url("");
    --thm-bc-bg: url("");
    --thm-doc-ext-bg: linear-gradient(180deg, var(--d-bc), @coverBackgroundColor);
}

@import "../base";

// 生成指定风格的徽章样式
.genBadgeStyle(std);

// 生成 GSA 样式
.genGSA_simple();
